<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		
		<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"name="viewport">
		<link href="./css/login.css" />
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			html,body{
				width: 100%;
				height: 100%;
			}
			body{
				background: url(./img/bg.jpg) no-repeat;
				background-size: 100% 100%;
			}
			#main{
				/* border: 1px solid black; */
				width: 400px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
			li{
				list-style: none;
			}
			#user{
				width:400px;
				height:60px;
				background: transparent;
				border-top: 0;
				border-left: 0;
				border-right: 0;
				border-bottom-width: 3px;				
				outline: none;
				font-size: 50px;
				
			}
			
			#password{				
				width:400px;
				height:60px;
				background: transparent;
				border-top: 0;
				border-left: 0;
				border-right: 0;
				border-bottom-width: 3px;	
				outline: none;
				font-size: 50px;
			}
			input:focus{
				border-bottom-color: red;
			}
			#select{
				width: 240px;
				height: 81px;
				position: absolute;
				left: 25%;
				top: 60%;
				background: url(img/btn_login_n.png) no-repeat;
				background-size: 100% 100%;
			}
			#select:hover{
				background: url(./img/btn_login_p.png) no-repeat;
			
			}
			#select1{
				width: 240px;
				height: 81px;
				position: absolute;
				right: 25%;
				top: 60%;
				background: url(./img/btn_logout_n.png) no-repeat;
				background-size: 100% 100%;
			}
			#select1:hover{
				background: url(./img/btn_logout_p.png) no-repeat;
			}
			input::-webkit-input-placeholder{
					color: white;
					font-family: 楷体;
			}
			
			</style>
	</head>
	<body>
		<div id="main">
			<form>
				<ul>
					<li>
						<input type="text" id="user" autocomplete="off" placeholder="账号"/>
						
					</li>
					<li>
						<input type="password" id="password" placeholder="密码"/>
					</li>
				</ul>
			</form>
		</div>
		<div id="select">
			
		</div>
		<div id="select1">
			
		</div>
		
	</body>
	
</html>
